<!DOCTYPE html>
<style>
span.error {
	color: red;
}
</style>
<section class="content-header" style="padding: 3px 15px 0 15px;">
	<ol class="breadcrumb" id="nav_title"
		style="position:static;float:none;margin-bottom: 5px;">
		<li class="active"><i class="fa fa-home"
			style="font-size:20px;position:relative;top:2px;left:-3px;"></i>
			&nbsp; <a href="${rc.contextPath}/sys/index">首页</a></li>
		<li class="active">艺术品交易中心</li><li class="active">艺术品管理</li>
	</ol>
</section>
<div class="container-fluid">
	<div class="box box-primary">
		<div id="toolbar">
			<button type="button" class="btn" data-toggle="modal" data-target="#modal-add" style="margin-left:0px;padding:3px 18px;background:#3399fe;color:#fff;height: 35px;">添加商品</button>
			<button id="edit" type="button" class="btn" style="margin-left:10px;padding:3px 18px;background:#3399fe;color:#fff;height: 35px;">编辑商品</button>
			<button id="deleteBtn" type="button" class="btn" style="margin-left:10px;padding:3px 18px;background:#3399fe;color:#fff;height: 35px;">删除</button>
			<div class="btn" style="margin-left:10px;mapadding:3px 18px;background:#3399fe;color:#fff;height: 35px;">
				<label class="dirlabel" style="margin-top:1px;"><input type="radio" id="status0" name="status" value="0" checked="checked">&nbsp;出售 &nbsp;</label>
				<label class="dirlabel"><input type="radio" id="status1" name="status" value="1" >&nbsp;租赁&nbsp;</label>
				<label class="dirlabel"><input type="radio" id="status2" name="status" value="2" >&nbsp;竞拍</label>
			</div>
			<div class="btn" style="margin-left:10px;mapadding:3px 18px;background:#3399fe;height: 35px;">
				<select id="standDown" name="standDown">
					<option value="0" selected="selected">已上架商品</option>
					<option value="1">已下架商品</option>
				</select>
			</div>
		</div>
		<div class="row">
			<table id="table" data-toggle="table" data-url="selectShopSellInfoByIdStatus" data-striped="true" data-toolbar="#toolbar" data-query-params="queryParams" data-pagination="true" data-search="true" data-page-size="5">
				<thead>
					 <tr>
					    <th data-checkbox="true"></th>
				        <th data-align="center" data-field="shop_id" data-sortable="true">商品编号</th>
				        <th data-align="center" data-field="shop_name" data-sortable="true">商品名称</th>
				        <th data-align="center" data-field="shop_price" data-sortable="true">商品价格</th>
				        <th data-align="center" data-formatter="state">商品图片</th>
				        <th data-align="center" data-formatter="operating_status" data-events="operateEvents">操作</th>
				      </tr> 
			    </thead>
			</table>
		</div>
	</div>
</div>
<!-- 新增的弹窗 -->
<div class="modal fade" id="modal-add" aria-labelledby="modalEditLabel"
	aria-hidden="true" tabindex="-1">
	<div class="modal-dialog">
		<div class="modal-content">
			<form class="form-horizontal" id="addForm" action="" method="post">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h4 class="modal-title" id="modalEditLabel">新增商品</h4>
				</div>
				<div class="modal-body">
					<div class="form-group">
						<label class="col-sm-3 control-label">商品名称</label>
						<div class="col-sm-9">
							<input name="shopName" id="shopName" maxlength="10" type="text" class="form-control" placeholder="商品名称">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">商品价格</label>
						<div class="col-sm-9">
							<input name="shopPrice" id="shopPrice" maxlength="10" type="text" class="form-control" placeholder="商品价格">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">商品数量</label>
						<div class="col-sm-9">
							<input name="shopCount" id="shopCount" maxlength="10" type="text" class="form-control" placeholder="商品数量">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">商品描述</label>
						<div class="col-sm-9">
							<textarea name="shopDescribe" id="shopDescribe" maxlength="2000"  style="resize:none" class="form-control" placeholder="请在此处输入..."></textarea>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">位置坐标</label>
						<div class="col-sm-4">
							<input name="xCoo" id="xCoo" maxlength="10" type="text" class="form-control" placeholder="经度坐标">
						</div>
						<div class="col-sm-4">
							<input name="yCoo" id="yCoo" maxlength="10" type="text" class="form-control" placeholder="纬度坐标">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">商品类型</label>
						<div class="col-sm-9">
							<select class="form-control" name="shopTypeId" id="shopTypeId">
								<option value="">--未选择--</option>
								#foreach($list in $shopTypeInfo)
								<option value="${list.shopTypeId}">${list.shopTypeName}</option>
								#end
							</select>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">商品图片</label>
						<div class="col-sm-9">
							<input type="file" name="file">
						</div>
				    </div>
					<div class="form-group">
						<label class="col-sm-3 control-label">作&emsp;&emsp;者</label>
						<div class="col-sm-9">
							<input name="author" id="author" maxlength="10" type="text" class="form-control" placeholder="作者">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">年&emsp;&emsp;代</label>
						<div class="col-sm-9">
							<input name="years" id="years" maxlength="10" type="text" class="form-control" placeholder="年代">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">规&emsp;&emsp;格</label>
						<div class="col-sm-9">
							<input name="standard" id="standard" maxlength="20" type="text" class="form-control" placeholder="长x宽x高  （例如 100x200x300）">
						</div>
					</div> 
					<div class="form-group">
						<label class="col-sm-3 control-label">目&emsp;&emsp;的</label>
						&emsp;
						<input type="radio" id="cs" name="sStatus" checked="checked" value="0">出售&emsp;
						<input type="radio" id="zl" name="sStatus" value="1">租赁&emsp;
						<input type="radio" id="jp" name="sStatus" value="2">竞拍
					</div> 
					<div class="form-group" id="zlTime">
						<label class="col-sm-3 control-label">租赁时间</label>
						<div class="col-sm-9">
							<input name="shopZltime" id="shopZltime" maxlength="10" type="text" class="form-control" placeholder="租赁时间（月）">
						</div>
					</div> 
						<div class="form-group" id="astartTime">
						<label class="col-sm-3 control-label">开始时间</label>
						<div class="col-sm-9">
							<input id="autionStartTime" name="autionStartTime" type="text" class="laydate-icon" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})" style="width:160px;height:25px;font-size:small;display: inline-block;border-radius: 5px;">
						</div>
					</div> 
						<div class="form-group" id="astopTime">
						<label class="col-sm-3 control-label">结束时间</label>
						<div class="col-sm-9">
							<input id="autionStopTime" name="autionStopTime" type="text" class="laydate-icon" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})" style="width:160px;height:25px;font-size:small;display: inline-block;border-radius: 5px;">
							<!-- <input class="laydate-icon" id="autionStopTime" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">  -->
						</div>
					</div> 
					<div class="form-group">
						<a href="gg://"><button type="button" class="btn" style="background:#AAAAAA;color:#fff;height: 35px;">高光谱数据采集</button></a>
						<a href="gj://"><button id="gj" type="button" class="btn" style="background:#AAAAAA;color:#fff;height: 35px;margin-left: 15px;">高精度三维点云采集</button></a>
					&emsp;&emsp;<a href="zs1://"><button type="button" class="btn" style="background:#AAAAAA;color:#fff;height: 35px;margin-top: 10px;">相机</button></a><a href="zs://"><button id="zs" type="button" class="btn" style="background:#AAAAAA;color:#fff;height: 35px;margin-top: 10px;">真色彩三维数据采集</button></a>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default closeBtn" data-dismiss="modal">关闭</button>
					<button id="saveBtn" type="submit" class="btn btn-primary">添加</button>
				</div>
			</form>
		</div>
	</div>
</div>


<!-- 修改的弹窗 -->
<div class="modal fade" id="modal-edit" aria-labelledby="modalEditLabel"
	aria-hidden="true" tabindex="-1">
	<div class="modal-dialog">
		<div class="modal-content">
			<form class="form-horizontal" id="addForm" action="" method="post">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h4 class="modal-title" id="modalEditLabel">修改商品</h4>
				</div>
				<div class="modal-body">
					<div class="form-group">
						<label class="col-sm-3 control-label">商品名称</label>
						<div class="col-sm-9">
							<input name="shopId" id="shopId" type="hidden">
							<input name="shopName2" id="shopName2" maxlength="10" type="text" class="form-control" placeholder="商品名称">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">商品价格</label>
						<div class="col-sm-9">
							<input name="shopPrice2" id="shopPrice2" maxlength="10" type="text" class="form-control" placeholder="商品价格">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">商品数量</label>
						<div class="col-sm-9">
							<input name="shopCount2" id="shopCount2" maxlength="10" type="text" class="form-control" placeholder="商品数量">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">商品描述</label>
						<div class="col-sm-9">
							<textarea name="shopDescribe2" id="shopDescribe2" maxlength="2000"  style="resize:none" class="form-control" placeholder="请在此处输入..."></textarea>
						</div>
					</div>
			<!-- 		<div class="form-group">
						<label class="col-sm-3 control-label">位置坐标</label>
						<div class="col-sm-4">
							<input name="xCoo2" id="xCoo" maxlength="10" type="text" class="form-control" placeholder="经度坐标">
						</div>
						<div class="col-sm-4">
							<input name="yCoo2" id="yCoo" maxlength="10" type="text" class="form-control" placeholder="纬度坐标">
						</div>
					</div> -->
					<div class="form-group">
						<label class="col-sm-3 control-label">商品类型</label>
						<div class="col-sm-9">
							<select class="form-control" name="shopTypeId2" id="shopTypeId2">
								<option value="">--未选择--</option>
								#foreach($list in $shopTypeInfo)
								<option value="${list.shopTypeId}">${list.shopTypeName}</option>
								#end
							</select>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">作&emsp;&emsp;者</label>
						<div class="col-sm-9">
							<input name="author2" id="author2" maxlength="10" type="text" class="form-control" placeholder="作者">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">年&emsp;&emsp;代</label>
						<div class="col-sm-9">
							<input name="years2" id="years2" maxlength="10" type="text" class="form-control" placeholder="年代">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">规&emsp;&emsp;格</label>
						<div class="col-sm-9">
							<input name="standard2" id="standard2" maxlength="20" type="text" class="form-control" placeholder="长x宽x高  （例如 100x200x300）">
						</div>
					</div> 
					<div class="form-group">
						<label class="col-sm-3 control-label">目&emsp;&emsp;的</label>
						&emsp;
						<input type="radio" id="cs2" name="sStatus2" value="0">出售&emsp;
						<input type="radio" id="zl2" name="sStatus2" value="1">租赁&emsp;
						<input type="radio" id="jp2" name="sStatus2" value="2">竞拍
					</div> 
					<div class="form-group" id="zlTime2">
						<label class="col-sm-3 control-label">租赁时间</label>
						<div class="col-sm-9">
							<input name="shopZltime2" id="shopZltime2" maxlength="10" type="text" class="form-control" placeholder="租赁时间（月）">
						</div>
					</div> 
					<div class="form-group" id="astartTime2">
						<label class="col-sm-3 control-label">开始时间</label>
						<div class="col-sm-9">
							<input id="autionStartTime2" name="autionStartTime2" type="text" class="laydate-icon" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})" style="width:160px;height:25px;font-size:small;display: inline-block;border-radius: 5px;">
						</div>
					</div> 
					<div class="form-group" id="astopTime2">
						<label class="col-sm-3 control-label">结束时间</label>
						<div class="col-sm-9">
							<input id="autionStopTime2" name="autionStopTime2" type="text" class="laydate-icon" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})" style="width:160px;height:25px;font-size:small;display: inline-block;border-radius: 5px;">
							<!-- <input class="laydate-icon" id="autionStopTime" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">  -->
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default closeBtn" data-dismiss="modal">关闭</button>
					<button id="editBtn" type="submit" class="btn btn-primary">修改</button>
				</div>
			</form>
		</div>
	</div>
</div>



<customScript> 
	<script type="text/javascript" src="${rc.contextPath}/assets/lib/laydate/laydate.js"></script> 
	<script type="text/javascript" src="${rc.contextPath}/views/admin/business/shop.js"></script> 
</customScript>


